<template>
  <!-- 监测点分类 -->
  <div class="FlClassify">
    <!-- 搜索框-->
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="水厂管理" name="first">
        <FLWatermanage @toship="toship" />
      </el-tab-pane>
      <el-tab-pane label="配置工艺" name="second">
        <FlWorkmanship :monipointId="monipointId" :monipointName="monipointName" />
      </el-tab-pane>
      <!-- <el-tab-pane label="监测点分类" name="third">
        <FlClassify />
      </el-tab-pane> -->
    </el-tabs>
  </div>
</template>
<script>
//引入组件
import FLWatermanage from "@/components/schedule/water/flWatermanage.vue";
// import FlClassify from "@/components/schedule/water/flClassify.vue";
import FlWorkmanship from "@/components/schedule/water/flWorkmanship.vue";
import Map from "@/components/schedule/Map.vue";
export default {
  components: {
    FLWatermanage,
    FlWorkmanship,
    Map
  },
  data () {
    return {
      activeName: 'first',
      monipointId: "",
      monipointName: ""
    }
  },
  methods: {
    toship (id, name) {
      this.activeName = "second"
      this.monipointId = id
      this.monipointName = name
    },
  },
};
</script>
<style scoped src="@/styles/allCssP.css"></style>
<style lang="scss" scoped>
.FlClassify {
  padding: 20px 30px 0 30px;
  // background: #f2f3f5;
}
</style>
